<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-Type" content="text/html"  charset="utf-8"/>
    <meta name="viewpoint" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>lianxi2-固定布局</title>

    <link rel="stylesheet" href="style1.css" charset="utf-8">
    <link rel="stylesheet" href="basic.css" charset="utf-8">



</head>

<body>


<header id="header">

    <div class="center">
        <h1 class="logo">旅行社</h1>
        <nav class="link">
            <h2 class="none">网站导航</h2>
            <ul >
                <li><a class="active" href="index.html">首页</a></li>
                <li><a class="avtive" href="information.html">旅游咨询</a></li>
                <li><a class="active" href="ticket.html">机票订购</a></li>
                <li><a class="active" href="view.html">风景欣赏</a></li>
                <li><a class="active" href="company.html">公司简介</a></li>
            </ul>
        </nav>
    </div>
</header>


<div class="search"><!--在search大背景下添加图片-->
    <div class="center1">  </div>
    <input type="text" class="search1" placeholder="请输入景点或城市"></input>
    <button type="submit" class="button">搜索</button>
</div>

<div id="tour">
    <section class="center">
        <h2>热门旅游</h2>
        <p>国内旅游、国外旅游、自助旅游、自驾旅游、邮轮签证、主题旅游等各种最新热门旅游推荐</p>
    </section>
    <figure>
        <img src="a.jpg" alt="热门旅游">
        <figcaption>
            <strong class="title">
                &lt;水龙湾6日游&gt; </strong>
            报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券500元

            <div class="info">
                <em class="sat">满意度 77%</em>
                <span class="price">¥ <strong>2864</strong> 起</span>
            </div>
            <div class="tab">国内长线</div>
        </figcaption>
    </figure>

    <figure>
        <img src="a.jpg" alt="热门旅游">
        <figcaption>
            <strong class="title">
                &lt;清迈7日游&gt; </strong>
            报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券

            <div class="info">
                <em class="sat">满意度 87%</em>
                <span class="price">¥ <strong>5864</strong> 起</span>
            </div>
            <div class="tab">国外长线</div>
        </figcaption>

    </figure>

    <figure>
        <img src="a.jpg" alt="热门旅游">

        <figcaption>
            <strong class="title">
                &lt;海岸7日游&gt; </strong>
            报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
            <div class="info">
                <em class="sat">满意度 97%</em>
                <span class="price">¥ <strong>9964</strong> 起</span>
            </div>
            <div class="tab">国外长线</div>
        </figcaption>


        <!-- <div id="set">1国内长线</div> -->
    </figure>

    <figure>
        <img src="a.jpg" alt="热门旅游">
        <figcaption>
            <strong class="title">
                &lt;风景区3日游&gt; </strong>
            报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
            <div class="info">
                <em class="sat">满意度 97%</em>
                <span class="price">¥ <strong>7864</strong> 起</span>
            </div>
            <div class="tab">国内长线</div>
        </figcaption>


        <!-- <div id="set">1国内长线</div> -->
    </figure>

    <footer class="footer">
        <div id="top">
            <!--采用2个class，公共部分修改和独有修改维护方便 -->
            <div class="block left">
                <h3>合作伙伴</h3>
                <hr><!--加一个横线-->
                <ul>
                    <li><a href="http://www.tuniu.com/" target="_blank">途牛旅游网</a></li>
                    <li><a href="http://www.lvmama.com/" target="_blank">驴妈妈旅游网</a></li>
                    <li><a href="http://www.ctrip.com/" target="_blank">携程旅游网</a></li>
                    <li>中国青年旅行社</li>
                </ul>
            </div>

            <div class="block center11">
                <h3>旅游FAQ</h3>
                <hr>
                <ul>
                    <li>旅游合同签订方式</li>
                    <li>儿童价是基于什么制定的?</li>
                    <li>旅游的线路品质怎么界定的？</li>
                    <li>单房差是什么?</li>
                    <li>旅游保险有那些种类?</li>
                </ul>
            </div>


            <div class="block right">
                <h3>联系方式</h3>
                <hr>
                <ul>
                    <li>微博:weibo.com/ycku</li>
                    <li>邮件:252189983@qq.com</li>
                    <li>地址:辽宁省xxx路</li>
                </ul>

            </div>
        </div>

        <div class="bottom">Copyright@YCUC 旅行社 | 中IUP程1516481号 | 旅行社经营许可证：ad-079797</div>

    </footer>
</div>

</body>
</html>
